<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>弑神笔记系统</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        .topbody {
            width: 1500px;
            margin: 0 auto;
        }

        .container {
            width: 1500px   ;
            background-color: #fff;
            margin: 0 auto;
        }

        .topbar {
            width: 100%;
            background-color: #000;
            display: inline-block;
        }

        .topbar li {
            float: left;
        }

        .toplist {
            display: inline-block;
            list-style-type: none;
        }

        .toplist a {
            color: #FFF;
            text-decoration: none;
        }

        .title, .toplist a {
            display: block;

            display: block;
            float: left;
        }

        .toplist a {
            padding: 15px 20px 15px 20px;
        }

        .title {
            color: #FFF;
            text-decoration: none;
            padding: 15px 30px 15px 30px;
        }

        .lefttop ul {
            list-style: none;
            margin: 0;
            padding: 0;
            background-color: #333;
        }

        .lefttop li {
            float: left;
            width: 25%;
            text-align: center;
        }

        .lefttop a {
            display: block;
            color: rebeccapurple;
            font-size: 18px;
            line-height: 50px;
            text-decoration: none;
        }

        .lefttop a:hover {
            background-color: #111;
            color: white;
        }

        .list-group {
            clear: both;
        }
    </style>
</head>
<body style="background-image: url(../static/img/bg.jpg)">

<div style="width: 100%; height: 120px">
    <div class="topbar">
        <div class="topbody">
            <span class="title">deicide系统</span>
            <ul class="toplist">
                <li><a href="/notepad">刷新</a></li>
                <li><a href="/">每日任务记录</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <div style="height: 10px"></div>
    <div class="row">
        <div class="col-md-3">
            <h3>笔记标题</h3>
            <div class="lefttop" style="background-color: #333333">
                <ul>
                    <li><a href="/notepad?type=工具">工具</a></li>
                    <li><a href="/notepad?type=工作">工作</a></li>
                    <li><a href="/notepad?type=项目">项目</a></li>
                    <li><a href="/notepad?type=杂事">杂事</a></li>
                    <li><a href="/notepad?type=学习">学习</a></li>
                    <li><a href="/notepad?type=ai">ai</a></li>
                </ul>
            </div>
            <ul class="list-group">
                {% for item in list %}
                <li class="list-group-item"><a href="/notepad?type={{type}}&id={{item.id}}">{{ item.title }}</a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="col-md-9">
            <h3>编辑内容</h3>
            <form name="from1" method="post" action="/notepad_updata">
                <input type="text" name="id" value="{{item_map.id}}" hidden>
                <div class="form-group">
                    <label for="article-title">标题</label>
                    <input type="text" class="form-control" id="article-title" placeholder="Enter title"
                           value="{{item_map.title}}" name="title">
                </div>
                <div class="form-group">
                    <label for="article-title">类型</label>
                    <input type="text" class="form-control" id="article-type" placeholder="Enter type"
                           value="{{item_map.type}}" name="type">
                </div>
                <div class="form-group">
                    <label for="article-content">内容</label>
                    <textarea class="form-control" id="article-content" rows="20"
                              name="content">{{item_map.content}}</textarea>
                </div>
                <button type="submit" class="btn btn-primary">Save</button>
            </form>

        </div>
    </div>
    <div style="height: 10px"></div>
</div>
</body>
</html>
